<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta charset="utf-8" />
<title>Form Elements - Ace Admin</title>

<meta name="description" content="Common form elements and layouts" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

<!-- bootstrap & fontawesome -->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/bootstrap.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/font-awesome.min.css" />

<!-- page specific plugin styles -->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/jquery-ui.custom.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/chosen.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/bootstrap-datepicker3.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/bootstrap-timepicker.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/daterangepicker.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/bootstrap-datetimepicker.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/bootstrap-colorpicker.min.css" />


<!-- ace styles -->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/ace.min.css"
	id="main-ace-style" />

<!--[if lte IE 9]>
			<link rel="stylesheet" href="<%=request.getContextPath()%>/ace/assets/css/ace-part2.min.css" />
		<![endif]-->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/ace-skins.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/ace-rtl.min.css" />

<!--[if lte IE 9]>
		  <link rel="stylesheet" href="<%=request.getContextPath()%>/ace/assets/css/ace-ie.min.css" />
		<![endif]-->

<!-- inline styles related to this page -->

<!-- ace settings handler -->
<script
	src="<%=request.getContextPath()%>/ace/assets/js/ace-extra.min.js"></script>

<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

<!--[if lte IE 8]>
		<script src="<%=request.getContextPath()%>/ace/assets/js/html5shiv.min.js"></script>
		<script src="<%=request.getContextPath()%>/ace/assets/js/respond.min.js"></script>
		<![endif]-->

<link rel="stylesheet"
	href="<%=request.getContextPath()%>/static/jquery-validate/css/form.css" />

<script type="text/javascript" src="${ctx }/static/js/jquery-1.11.0.min.js"></script>		
<script type="text/javascript" src="${ctx }/static/js/ajaxfileupload.js"></script>
</head>

<body class="no-skin">
	

	<!-- /section:basics/content.breadcrumbs -->
	<div class="page-content">
		<!-- /section:settings.box -->
		<div class="page-content-area">
			<div class="page-header">
				<h1>
					专家编辑 
				</h1>
			</div>
			<!-- /.page-header -->

			<div class="row">
				<div class="col-xs-12">
					<!-- PAGE CONTENT BEGINS -->
					<form id="drizzt-table" class="form-horizontal"
						action="<%=request.getContextPath()%>/bsbExpert/update.do"
						method="post">
						<!-- #section:elements.form -->
								<input type="hidden"   name="uuid" value="${bsbUser.uuid}"
									class="col-xs-10 col-sm-5" />
								<input type="hidden"   name="queryString" value="${queryString}"
									class="col-xs-10 col-sm-5" />	
								<div class="form-group">
									<label class="col-sm-3 control-label no-padding-right"
										for="form-field-1"> 头像 </label>
		
									<div class="col-sm-9">
										<img id="imageRotation" alt="" width="100px" height="100px" <c:if test="${not empty bsbUser.headImg}">src='<%=request.getContextPath()%>/getPic/${bsbExpert.headImg}'</c:if>>
										<input type="file" id="file"  onchange="ajaxFileUpload()" name="file" />
										<input type="hidden" name="headImg" id="rotation" value="${bsbUser.headImg}">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label no-padding-right"
										for="form-field-1"> 姓名 </label>
		
									<div class="col-sm-9">
										<input type="text"   placeholder="name"
											name="name" value="${bsbUser.name}"
											class="col-xs-10 col-sm-5" readonly="readonly"/>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label no-padding-right"
										for="form-field-1"> 手机号 </label>
		
									<div class="col-sm-6">
										<input type="text"   placeholder="手机号"
											 value="${bsbUser.phone}" readonly="readonly"
											class="col-xs-10 col-sm-5" />
									</div>
								</div>
								
								<div class="form-group">
									<label class="col-sm-3 control-label no-padding-right"
										for="form-field-1"> 相关执业资格 </label>
		
									<div class="col-sm-9">
										<c:forEach items="${titles }" var="title">
											<input type="checkbox"  name="duty" value="${title.index }">&nbsp;${title.name }
										</c:forEach>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label no-padding-right"
										for="form-field-1"> 其他执业资格 </label>
		
									<div class="col-sm-9">
										<input type="text"   placeholder="positiotn"
											name="positiotn" value="${bsbUser.positiotn}"
											class="col-xs-10 col-sm-5" />
									</div>
								</div>

								<div class="form-group">
									<label class="col-sm-3 control-label no-padding-right"
										for="form-field-1"> 擅长业务</label>
		
									<div class="col-sm-9">
										<input type="text"   placeholder="skill"
											name="skill" value="${bsbUser.skill}"
											class="col-xs-10 col-sm-5" />
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label no-padding-right"
										for="form-field-1"> 一对一咨询金额 </label>
		
									<div class="col-sm-9">
										<input type="text"   placeholder="一对一咨询金额"
											name="advisoryPrice" value="${bsbUser.advisoryPrice}"
											class="col-xs-10 col-sm-5" />
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label no-padding-right"
										for="form-field-1"> 收费标准 </label>
		
									<div class="col-sm-9">
										<textarea rows="5" cols="50" placeholder="quote"
											name="quote">${bsbUser.quote}</textarea>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label no-padding-right"
										for="form-field-1"> 个人简介 </label>
		
									<div class="col-sm-9">
										<textarea rows="5" cols="50" placeholder="个人简介"
											name="profile">${bsbUser.profile}</textarea>
									</div>
								</div>
								
								
								
						<div class="clearfix form-actions">
							<div class="col-md-offset-3 col-md-9">
								<input  class="btn btn-info" type="submit" value="提交" />

								&nbsp; &nbsp; &nbsp;
								<input  class="btn btn-info" type="button" onclick="history.go(-1)" value="返回" />
							</div>
						</div>
					</form>

					<!-- PAGE CONTENT ENDS -->
				</div>
				<!-- /.col -->
			</div>
			<!-- /.row -->
		</div>
		<!-- /.page-content-area -->
	</div>
	<!-- /.page-content -->
</body>

<!-- basic scripts -->

<!--[if !IE]> -->
<script type="text/javascript">
	window.jQuery
			|| document
					.write("<script src='<%=request.getContextPath()%>/ace/assets/js/jquery.min.js'>"
							+ "<"+"/script>");
</script>

<!-- <![endif]-->

<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='<%=request.getContextPath()%>/ace/assets/js/jquery1x.min.js'>"+"<"+"/script>");
</script>
<![endif]-->
<script type="text/javascript">
	if ('ontouchstart' in document.documentElement)
		document.write("<script src='<%=request.getContextPath()%>/ace/assets/js/jquery.mobile.custom.min.js'>"+ "<"+"/script>");
</script>

<script
	src="<%=request.getContextPath()%>/ace/assets/js/bootstrap.min.js"></script>

<script src="<%=request.getContextPath()%>/static/jquery-validate/js/jquery.validate.js" type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/static/jquery-validate/js/jquery.validate.extend.js" type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/static/jquery-validate/js/additional-methods.js" type="text/javascript"></script>
<script type="text/javascript">
$().ready(function() {
	  $("#drizzt-table").validate({
	    rules: {
	    	name :{
	    		 required : true
	    	},
	         duty :{
	        	 required : true
	         },
	         advisoryPrice :{
	        	 required : true,
	        	 min:0,
	        	 number : true
	         },
	         positiotn :{
	        	 maxlength:30
	         },
	         skill :{
	        	 maxlength:300
	         },
	         pwd  : {
	        	 required : true,
	        	 rangelength:[6,8]
	         },
	         confirm_password: {
	             required: true,
	             rangelength:[6,8],
	             equalTo: "#password"
	           }
	   },
	         messages: {
	        	 name :{
		    		 required : "请输入姓名"
		    	},
	        	
	             duty :{
		        	 required : "请选择相关职业资格"
		         },
		         advisoryPrice :{
		        	 required : "请填写一对一咨询金额",
		        	 min:"不能小于0",
		        	 number : "必须输入合法数字"
		         },
		         positiotn :{
		        	 maxlength:$.validator.format( "最多输入 {0} 个字符." )
		         },
		         skill :{
		        	 maxlength:$.validator.format( "最多输入 {0} 个字符." )
		         },
	             pwd : {
	                 required : "请输入密码",
	                 rangelength: $.validator.format("请输入长度在 {0} 到 {1} 之间的字符串")
	             },
	             confirm_password: {
	                 required: "请输入密码",
	                 rangelength: $.validator.format("请输入长度在 {0} 到 {1} 之间的字符串"),
	                 equalTo: "两次密码输入不一致"
	               }
	   }
	   
	     });
	 });
function ajaxFileUpload(){
	$.ajaxFileUpload({
		url:'<%=request.getContextPath()%>/uploadimage', //上传的地址
		fileElementId:'file',//上传文件的id
		dataType: {},
		success: function (data){
			$("#rotation").val(data);
			$("#imageRotation").attr("src","${ctx}/getPic/"+data);
		}
	})
};

var boxObj = $("input:checkbox[name='duty']"); //获取所有的复选框值  
var expresslist = '${bsbUser.duty}'; //用el表达式获取在控制层存放的复选框的值为字符串类型  
var express = expresslist.split(',');  
$.each(express, function(index, expressId){  
   boxObj.each(function () {  
        if($(this).val() == expressId) {  
           $(this).attr("checked",true);  
        }  
    });  
});  
</script>
</html>
